<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8"/>
		<title>慕课网首页</title>
		<link type="text/css" href="css/imooc.css" rel="stylesheet" />
	</head>
	<body>
		<div class="top">
			<div class="top-content">
				<ul>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">加入收藏</a></li>
					<li><a href="#">设为首页</a></li>
				</ul>
			</div>
		</div><!--top-->
		<div class="wrap">
			<div class="logo">
				<div class="logo-left">
					<img src="img/w.png" alt="logo">logo
				</div>
				<div class="logo-right">
					<img src="img/t11.png" alt="logo">24小时服务热线：<span class="tel">0898-22345429</span>
				</div>
			</div><!--logo-->
			<div class="nav">
				<div class="nav-mid">
					<div class="nav-mid-left">
						<ul>
							<li><a href="#">首页</a></li>
							<li><a href="#">新闻</a></li>
							<li><a href="#">通知</a></li>
							<li><a href="#">活动</a></li>
							<li><a href="#">关于</a></li>
							<li><a href="#">招聘</a></li>
						</ul>
					</div>
					<div class="nav-mid-right">
						<form>
						<input type="text" class="search-text"/>
						</form>
					</div>
				</div>
			</div><!--nav-->
			<div class="slider">
				<ul>
					<li><a href="#"><img src="img/wallpaper-1(1024x768).jpg"/></a></li>
					<li><a href="#"><img src="img/wallpaper-2(1024x768).jpg"/></a></li>
					<li><a href="#"><img src="img/wallpaper-5(1024x768).jpg"/></a></li>
				</ul>
			</div><!--slider图片滑块展示结束-->
			<div class="main">
				<div class="news">
					<div class="title">
						<h2>新闻中心</h2><a href="#">More&gt;&gt;</a>
					</div>
					<div class="new-pic">
						<img src="img/wallpaper-3(1024x768).jpg" />
						<a href="#">新闻标题</a>
						<p>发布时间：2015-3-2<br/>内容简介：<br/>**********************<br/><a href="#">More&gt;&gt;</a></p>
					</div>
					<div class="news-list">
						<ul>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
							<li><a href="#">新闻列表标题</a><span>2015-3-2</span></li>
						</ul>
					</div>
				</div><!--news-->
				<div class="course">
					<div class="title">
						<h2>作品中心</h2><a href="#">More&gt;&gt;</a></div>
					<div class="course-pic">
					<img src="img/w.png"/>
					<a>作品名称</a>
						<p>作品说明：<br/>年覅哦疯狂饶了婆啊咖啡厅日光就好烦人公平突然破沃尔夫冈怕热，哦评价该，苹果，投入港年了婆啊咖啡厅日光就好烦人公平突然破沃尔夫冈怕热，哦评价该，苹果，投入港年覅哦疯狂饶了婆啊咖啡厅日光就好烦人公平尔夫冈怕热，哦评价该，苹果，投入港年覅哦疯狂饶了婆啊咖啡厅日光就好烦人公平突然破沃尔夫冈怕热，哦评价该，苹果，投入港年覅哦疯狂饶了婆啊咖啡厅日光就好烦人公平突然破沃尔夫冈怕热，哦评价该，苹果，投入港口为顾客让他开过头IRB<br/><a href="#">More&gt;&gt;</a></p>
						
					</div>
					<div class="course-type">
						<ul>
							<li><a href="#">作品分类</a></li>
							<li><a href="#">作品分类</a></li>
							<li><a href="#">作品分类</a></li>
							<li><a href="#">作品分类</a></li>
							<li><a href="#">作品分类</a></li>
						</ul>
					</div>
				</div><!--course-->
				<div class="sidebar">
					<div class="title">
						<h2>大家关注</h2><a href="#">More&gt;&gt;</a>
					</div>
					<div class="video-content">
						
					</div>
					<div></div>
				</div><!--sidebar-->
			</div>
		</div><!--warp-->
		<footer>
			<div class="footer-content">
				<ul>
					<li><a href="#">关于</a>
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">联系我们</a></li>
							<li><a href="#">版权声明</a></li>
						</ul>
					</li>
					<li><a href="#">留言</a>
						<ul>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
						</ul>
					</li>
					<li><a href="#">关注</a>
						<ul>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
						</ul>
					</li>
					<li><a href="#">加入</a>
						<ul>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
							<li><a href="#">11111</a></li>
						</ul>
					</li>
					<li><a href="#"><img />微信关注</a>
						<ul><li><a href="#"><img src="img/w.png"/></a></li></ul>
					</li>
				</ul>
			</div>
		</footer>
	</body>
</html>
